<template>
<el-card class="box-card" shadow='never'>
    <div v-if="title" slot='header' class="header-container">
        <span>{{title}}</span>
    </div>
    <slot name="card-info"></slot>
</el-card>
</template>
<script>
   export default {
       props:{
           title:{
               type:String
           }
       },
       data(){
           return {
           }
       }
   }
</script>
<style lang='scss' scoped>
.el-card{
    height: 100%;
    overflow: hidden;
    .header-container{
        text-align: left;
    }
}
</style>